<script>
	export default {
		onLaunch: function() {
			// 在应用初始化时,更新vuex的播放列表
			this.$store.commit('CHANGEMUSICPLAYLIST', uni.getStorageSync('musicPlaylist'))
			this.$musicPlay.onPause(() => {
				this.$store.commit('PLAYPUASE', false)
				// 清除定时器
				clearInterval(this.$store.state.timer)
			})
			this.$musicPlay.onPlay(() => {
				// 防止用户从播放页跳转过来,导致执行多余代码
				this.$store.commit('PLAYPUASE', true)
				// 开启定时器,实现音乐进度条功能
				this.$store.commit('HANDLETIME', this.$store.state.durationTimeSecond)
			});
			this.$musicPlay.onEnded(() => {
				this.$store.commit('PLAYPUASE', false)
				this.$store.commit('CHANGEISENDED')
			})
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			checkPsw(password) {
				if (!password) {
					// 密码为空
					uni.showToast({
						icon: 'none',
						title: '密码不能为空！',
					})
					return false
				} else if (password.length < 6) {
					// 密码不合法
					uni.showToast({
						icon: 'none',
						title: '密码至少6位！',
					})
					return false
				}
				return true
			},
			checkCode(codeDetail) {
				console.log(codeDetail)
				if (!(codeDetail?.data)) {
					uni.showToast({
						title: codeDetail?.message,
						 icon: 'none',
						 mask: true
					})
					return false
				}
				return true
			},
			checkPhone(tel) {
				// 正则验证手机号
				const reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
				if (!tel) {
					// 手机号为空
					uni.showToast({
						icon: 'none',
						title: '手机号不能为空！',
					})
					return false
				} else if (!reg_tel.test(tel)) {
					// 手机号不合法
					uni.showToast({
						icon: 'none',
						title: '手机号不合法！',
					})
					return false
				}
				return true
			}
		}
	}
</script>

<style lang="scss">
	/* 执行字体图标文件 */
	@import url("./static/iconfont/iconfont.css");
	/*每个页面公共css */
	page {
		height: 100%;
	}
	view, text, navigator {
		box-sizing: border-box;
	}
	.text_ellipsis {
		/* 显示省略号 */
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.tip {
		line-height: 60rpx;
		font-size: 26rpx;
		color: #C8C7CC;
		text-align: center;
	}
	.line_20 {
		width: 100%;
		height: 20rpx;
		background-color: #eaeaea;
	}
	// 超过两行省略号
	.text_2line_ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		// 设置盒子模型
		 display: -webkit-box;
		 // 行数
		-webkit-line-clamp: 2;
		// box-orient 属性规定框的子元素应该被水平或垂直排列。
		-webkit-box-orient: vertical;
	}
	.input-box {
		padding: 20rpx;
		position: absolute;
		width: 630rpx;
		top: 35%;
		transform: translateY(-50%);
		.login {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 40rpx;
			color: white;
			background-color: $uni-color-theme;
			text-align: center;
		}
		/* 登录注册的input公共样式 */
		.input-item {
			border-radius: 20rpx;
			height: 130rpx;
			padding: 20rpx;
			background-color: #f8f6fc;
			margin-bottom: 30rpx;
			text {
				margin-bottom: 15rpx;
			}
			/deep/ .place {
				font-size: 28rpx;
			}
			&.psw {
				margin-top: 30rpx;
			}
		}
	}
</style>
